<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//常用键盘事件
			// 1.keyup	按键弹起的时候触发 按任意键
			// document.onkeyup = function() {
			// 	console.log("弹起");
			// }

			document.addEventListener("keyup", function() {
				console.log("起");
			})

			//2.keydown 按下按键的时候触发
			document.addEventListener("keydown", function() {
				console.log("一直按keydown");
			})

			//3.keypress 按键按下的时候触发, 不能识别功能键, 比如ctrl shift 上下左右箭头等等
			document.addEventListener("keypress", function() {
				console.log("按下时候keypress");
			})
			
			//4.三个事件的执行顺序 keydown --> keypress --> keyup
		</script>
	</body>
</html>
